<template>
	<view class="">
		<view class="" >
			<image :src="item.titlepic" style="height: 300rpx;filter: blur(6rpx);" class="w-100 filter" mode="aspectFill"></image>
		</view>
		<view class="px-3 " style="margin-top: -75rpx;">
			<view class="flex align-center " >
				<image :src="item.titlepic" style="height: 150rpx; width: 150rpx;"></image>
				<view style="font-size: 40rpx;font-weight: bold;margin-top: 30rpx;">{{item.title}}</view>
			</view>
			<view class="flex align-center" style="height: 100rpx;font-size: 30rpx; color: rgba(0,0,0,0.6);">
				动态 <text class="ml-1 mr-1">{{item.dynamic}}</text>  今日<text class="ml-1">{{item.todayPostCount?item.todayPostCount:0}} </text>
			</view>
			<view class="pb-2" style="font-size: 30rpx; color: rgba(0,0,0,0.6);">
				{{item.description}}
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:{
			item:{
				type:Object,
				default:()=>({})
			},
			index:{
				type:Number,
				default:()=>
				{
					return 0
				}
			}
		}
	}
</script>

<style>

</style>